<div class="box-c">
<div class="box-c-head" onclick="toggle_box('add_topics_arrow','add_topics_content');">

<div class="title-main-c">
<img src="modules/admin/media/icon-folder.gif" align="top" /> {=lang(L_TOPICS)}</div>

<div class="arrow">
<img id="add_topics_arrow" src="modules/admin/media/icon-down.gif" />
</div>

</div>
<div class="box-c-content" id="add_topics_content">
<input autocomplete="off" name="topics" id="topics" type="text" class="field-form-2" size="15" />
<input type="button" onclick="add_topic($('topics').value);" class="button-form-2" id="button" value="{=lang(L_ADD)}" />
<div class="tags_form" id="topics_autocomplete">
</div>
<div class="cont-txt" id="topics_holder">
{HOLDER_USED_TOPICS}
</div>
<input type="hidden" id="used_topics" name="used_topics" value="{USED_TOPICS}" />
</div>

</div><!--END BOX C -->

<script type="text/javascript">
  $used = $('topics').value;
  new Ajax.Autocompleter('topics','topics_autocomplete','modules/admin/controllers/inc/topics.php', { tokens: ',', parameters: 'used='+$used, updateElement : processtopic } );
</script>
